import { login, getUserInfo, getUserDatilById } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
export default {
  // 命名空间 防止冲突
  namespaced: true,
  // 在user中管理token
  // 存放token
  state: {
    token: getToken() || '',
    // 用户信息数据，需在页面头部，左侧栏和个人中心使用
    userInfo: {}
  },
  // 修改state的数据
  mutations: {
    setToken(state, token) {
      state.token = token
      setToken(token)
    },
    removeToken(state) {
      state.token = ''
      removeToken()
    },
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    removeUserInfo(state) {
      state.userInfo = {}
    }
  },
  // 请求接口
  actions: {
    // why在vuex调用登录接口
    async login(store, from) {
      const res = await login(from)
      store.commit('setToken', res.data)
      return res
    },
    async fetchUserInfo(store) {
      const res = await getUserInfo()
      const res1 = await getUserDatilById(res.data.userId)
      //  对象合并
      store.commit('setUserInfo', { ...res.data, ...res1.data })
      return res
    }

  }
}
